<template>
	<view class="systemSet">
		
		<view class="line dFlex jBetween_aCenter">
			<view class="lineTit">昵称</view>
			<view class="lineVal dFlex jEnd_aCenter" style="width:50%" v-if="identity == '1'" @tap.stop='changeStatus'>
				<view class="showVal" v-if='!nicknameFlag'>{{datas.nickName}}</view>
				<view class="showVal" v-if='nicknameFlag'>
					<input type="text" :focus='nicknameFlag' @blur='setNickName' v-model='datas.nickName' placeholder='请输入昵称'>
				</view>
				<view class="rightIcon imgPublic">
					<image src="../static/images/rightIcon.png" mode="widthFix"></image>
				</view>
			</view>
			<view class="lineVal dFlex jEnd_aCenter" v-if="identity == '2'" @tap.stop='changeStatus'>
				<view class="showVal" v-if='!nicknameFlag'>{{datas.store_name}}</view>
				<view class="showVal" v-if='nicknameFlag'>
					<input type="text" :focus='nicknameFlag' @blur='setNickName' v-model='datas.store_name' placeholder='请输入昵称'>
				</view>
				<view class="rightIcon imgPublic">
					<image src="../static/images/rightIcon.png" mode="widthFix"></image>
				</view>
			</view>
		</view>
		<view class="line dFlex jBetween_aCenter">
			<view class="lineTit">手机号</view>
			<view class="lineVal dFlex jEnd_aCenter" @click='goPage("8")'>
				<view class="showVal" v-if='datas.tel'>{{datas.tel}}</view>
				<view class="showVal" v-else >暂未绑定</view>
				<!-- <button open-type="getPhoneNumber" @getphonenumber.stop="getPhoneNumber" v-else style="font-size: 14px;color:#888888">授权绑定</button> -->
				<view class="rightIcon imgPublic">
					<image src="../static/images/rightIcon.png" mode="widthFix"></image>
				</view>
			</view>
		</view>
		<view class="line dFlex jBetween_aCenter" v-if="identity == '1'">
			<view class="lineTit">推荐人</view>
			<view class="lineVal dFlex jEnd_aCenter">
				<view class="showVal">{{datas.spread?datas.spread:'暂无'}}</view>
				<view class="rightIcon imgPublic">
					<image src="../static/images/rightIcon.png" mode="widthFix"></image>
				</view>
			</view>
		</view>
		<view class="line dFlex jBetween_aCenter" v-if="identity == '2'">
			<view class="lineTit">服务地区</view>
			<view class="lineVal dFlex jEnd_aCenter" style="width:50%">
				<view class="showVal">
					<!-- #ifdef MP-WEIXIN -->
					<picker mode="region" @change='changeArea'>
						<input type="text" v-model="datas.area" disabled placeholder="请选择服务地区">
					</picker>
					<!-- #endif -->
					<!-- #ifdef APP -->
					<AddressPicker :level="3" @change='selAdd'>
						<input type="text" placeholder="请选择服务地区" v-model="datas.area" disabled placeholder-style="color:#999999;">
					</AddressPicker>
					<!-- #endif -->
				</view>
				<view class="rightIcon imgPublic">
					<image src="../static/images/rightIcon.png" mode="widthFix"></image>
				</view>
			</view>
		</view>
		<view class="line dFlex jBetween_aCenter" v-if="identity == '2'">
			<view class="lineTit">服务类型</view>
			<view class="lineVal dFlex jEnd_aCenter">
				<view class="showVal">{{datas.style_name?datas.style_name:'暂无'}}</view>
				<view class="rightIcon imgPublic">
					<!-- <image src="../static/images/rightIcon.png" mode="widthFix"></image> -->
				</view>
			</view>
		</view>
		<view class="line dFlex jBetween_aCenter" v-if="identity == '2'">
			<view class="lineTit">营业执照</view>
			<view class="lineVal dFlex jEnd_aCenter" @click='service_flag = true;image = JSON.parse(JSON.stringify(datas.image))'>
				<view class="showVal">{{datas.image?'已上传营业执照':'暂未上传'}}</view>
				<view class="rightIcon imgPublic">
					<image src="../static/images/rightIcon.png" mode="widthFix"></image>
				</view>
			</view>
		</view>
		<!-- <view class="line dFlex jBetween_aCenter" @tap='goPage(1)'>
			<view class="lineTit">服务商</view>
			<view class="lineVal dFlex jEnd_aCenter">
				<view class="showVal">兰芝软装</view>
				<view class="rightIcon imgPublic">
					<image src="../static/images/rightIcon.png" mode="widthFix"></image>
				</view>
			</view>
		</view> -->
		<!-- #ifdef APP-PLUS -->
		<view class="line dFlex jBetween_aCenter" @tap='goPage(2)' v-if="identity == '1'" >
			<view class="lineTit">实名认证</view>
			<view class="lineVal dFlex jEnd_aCenter">
				<view class="showVal blue" v-if="datas.is_ok == '0' || datas.is_ok == '3'">未实名</view>
				<view class="showVal blue" v-if="datas.is_ok == '1'">正在审核中</view>
				<view class="showVal blue" v-if="datas.is_ok == '2'">已完成实名认证</view>
				<view class="rightIcon imgPublic">
					<image src="../static/images/rightIcon.png" mode="widthFix"></image>
				</view>
			</view>
		</view>
		<!-- #endif -->
		<view class="line dFlex jBetween_aCenter" @tap='goPage(4)'>
			<view class="lineTit">银行卡管理</view>
			<view class="lineVal dFlex jEnd_aCenter">
				<view class="showVal"></view>
				<view class="rightIcon imgPublic">
					<image src="../static/images/rightIcon.png" mode="widthFix"></image>
				</view>
			</view>
		</view>
		<view class="line dFlex jBetween_aCenter" v-if='identity == 1' @tap='goPage(5)'>
			<view class="lineTit">地址管理</view>
			<view class="lineVal dFlex jEnd_aCenter">
				<view class="showVal"></view>
				<view class="rightIcon imgPublic">
					<image src="../static/images/rightIcon.png" mode="widthFix"></image>
				</view>
			</view>
		</view>
	    <view class="line dFlex jBetween_aCenter" v-if='identity == 1' @tap='saveCode'>
			<view class="lineTit">保存分享码</view>
			<view class="lineVal dFlex jEnd_aCenter">
				<view class="showVal"></view>
				<view class="rightIcon imgPublic">
					<image src="../static/images/rightIcon.png" mode="widthFix"></image>
				</view>
			</view>
		</view>
		<view class="line dFlex jBetween_aCenter" @tap='goPage(6,1)' v-if='identity == 1'>
			<view class="lineTit">用户协议</view>
			<view class="lineVal dFlex jEnd_aCenter">
				<view class="showVal"></view>
				<view class="rightIcon imgPublic">
					<image src="../static/images/rightIcon.png" mode="widthFix"></image>
				</view>
			</view>
		</view>
		<view class="line dFlex jBetween_aCenter" @tap='goPage(7,2)' v-if='identity == 1'>
			<view class="lineTit">隐私政策</view>
			<view class="lineVal dFlex jEnd_aCenter">
				<view class="showVal"></view>
				<view class="rightIcon imgPublic">
					<image src="../static/images/rightIcon.png" mode="widthFix"></image>
				</view>
			</view>
		</view>
		<!-- #ifdef APP-PLUS -->
		<view class="line dFlex jBetween_aCenter" v-if='identity == 1'>
			<view class="lineTit">接收消息推送</view>
			<view class="lineVal dFlex jEnd_aCenter">
				<view class="showVal">
					<!-- is_notice -->
					<switch @change='changeMotic' style="transform: scale(0.8);" :checked='datas.is_notice == "1"' v-model='datas.is_notice'></switch>
				</view>
				<!-- <view class="rightIcon imgPublic">
					<image src="../static/images/rightIcon.png" mode="widthFix"></image>
				</view> -->
			</view>
		</view>
		<!-- #endif -->
		<!-- 入驻分类弹窗 -->
		<view class="zz dFlex jCenter_aCenter" v-if='service_flag'>
			<view class="service">
				<view class="title">上传营业执照</view>
				<view class="content">
					<view class='info'>
						<view class="info_title"></view>
						<view class="info_val">
							<view class="upImg imgPublic" @click='chooseImg'>
								<image v-if='image' :src='domain + image' mode="widthFix"></image>
								<image v-else src="https://wx.gdxixiashi.com/public/images/person/comment_up.png" mode="widthFix"></image>
							</view>
						</view>
					</view>
				</view>
				<view class="service_btns dFlex jAround_aCenter">
					<view class="btn" @click='service_flag = false'>取消</view>
					<view class="btn sure" @click='saveImg'>保存营业执照</view>
				</view>
			</view>
		</view>
		<view class="logout" @click='logout'>注销账户</view>
		<!-- <view class="line dFlex jBetween_aCenter" @tap='goPage(3)'>
			<view class="lineTit">支付密码管理</view>
			<view class="lineVal dFlex jEnd_aCenter">
				<view class="showVal"></view>
				<view class="rightIcon imgPublic">
					<image src="../static/images/rightIcon.png" mode="widthFix"></image>
				</view>
			</view>
		</view> -->
		<view class="btns" @tap='quit' v-if='identity == "1"'>退出登录</view>
	</view>
</template>

<script>
	// #ifdef APP-PLUS
	const jyJPush = uni.requireNativePlugin('JY-JPush');
	let device = uni.getSystemInfoSync().platform;
	import AddressPicker from "@/components/address-picker/AddressPicker.vue"
	// #endif
	let timer = null;
	export default {
		// #ifdef APP-PLUS
		components:{
			AddressPicker
		},
		// #endif
		data() {
			return {
				identity:uni.getStorageSync('identify')?uni.getStorageSync('identify'):'1',
				datas:{},
				nicknameFlag:false,
				domain:getApp().globalData.imgDomain,
				
				chengshiArr:[],
				province_one:{},
				city_one:{},
				area_one:{},
				// 营业执照
				service_flag:false,
				image:'',

			};
		},
		onLoad(){
			
 		},
		watch:{
			"datas.is_notice"(val){
				console.log(val);
			},
		},
		onShow(){
			if(this.identity == '1'){
				this.initData();
			}else{
				this.getCity();
				this.initStaff();
			}
		},
		onShareAppMessage() {
			return{
				title:'洗匣士~您的家居窗帘清洗助手',
				path:'/pages/home?spreadId=' + (uni.getStorageSync('userId')?uni.getStorageSync('userId'):''),
				imageUrl:getApp().globalData.imgDomain+'public/logo.png',
				desc:'手机下单 | 专员取送 | 生态环保 | 轻奢洗护',
			}
		},
		onShareTimeline() {
			return{
				title:'洗匣士~您的家居窗帘清洗助手',
				path:'/pages/home?spreadId=' + (uni.getStorageSync('userId')?uni.getStorageSync('userId'):''),
				imageUrl:getApp().globalData.imgDomain+'public/logo.png',
				desc:'手机下单 | 专员取送 | 生态环保 | 轻奢洗护',
			}
		},
		methods:{
			changeMotic(e){
				this.tool.getData('User/changeInfo',{
					memberId:uni.getStorageSync('userId'),
					// image_head:getApp().globalData.imgDomain + res.image_path,
					is_notice:e.target.value ? "1" : "2",
				}).then(res=>{
					if(res){
						this.initData();
						if(e.target.value){
							jyJPush.enable();
							uni.authorize({
								scope: 'scope.notification',
								success: () => {
								  this.initJPush(); // 权限申请成功，初始化极光推送
								},
								fail: () => {
								  uni.showToast({
									title: '请手动开启通知权限',
									icon: 'none',
								  });
								},
							});
						}else{
							jyJPush.disable();
						}
					}
				}).catch(err=>{
					console.log(err);
				})
			},
			initJPush(){
				if(device == 'android'){
					jyJPush.android_isNotificationEnabled(result => {
						console.log(result);
						if (result.status != 1) {
							uni.showModal({
								title: '温馨提示',
								content: "是否允许洗匣士获取通知权限",
								success: (res) => {
									if (res.confirm) {
										jyJPush.android_goToAppNotificationSettings(result => {});
									} else {
				
									}
								},
							})
						}
						jyJPush.android_init(res => {
							setTimeout(() => {
								console.log('setAlias');
								if (uni.getStorageSync('userId')) {
									this.setAlias();
								}
							}, 1000 * 20)
						});
					})
				} else {
					// jyJPush.requestNotificationAuthorization({
					// 	alert: true,
					// 	badge: true,
					// 	sound: true
					// })
					jyJPush.ios_requestNotificationAuthorization(result => {
						if (result.status != 2) {
							uni.showModal({
								title: '温馨提示',
								content: "是否允许洗匣士获取通知权限",
								success: (res) => {
									if (res.confirm) {
										jyJPush.ios_openSettingsForNotification(result => {});
									} else {
				
									}
								}
							})
						}
					});
				}
				// 监听消息推送事件，获取接收的消息
				this.addJYJPushReceiveNotificationListener();
				// 点击通知栏消息
				this.addJYJPushReceiveOpenNotificationListener();
			},
			setAlias(){
				jyJPush.setJYJPushAlias({
					userAlias: 'xihu_' + uni.getStorageSync('userId'),
				}, result => {
					console.log(result);
					//  设置成功或者失败，都会通过这个result回调返回数据；数据格式保持极光返回的安卓/iOS数据一致
					//  注：若没有返回任何数据，考虑是否初始化完成
					/* uni.showToast({
						icon: 'none',
						title: JSON.stringify(result)
					}) */
				});
			},
			addJYJPushReceiveNotificationListener() {
				jyJPush.addJYJPushReceiveNotificationListener(result => {
					// console.log('收到推送');
					// console.log(result);
				});
			},
			addJYJPushReceiveOpenNotificationListener() {
				jyJPush.addJYJPushReceiveOpenNotificationListener(result => {
					let noticType = result.notificationContent.split(',')[1];
					/* console.log('type类型：'+noticType);
					console.log(noticType); */
					if (noticType == '1') { //聊天消息
						uni.switchTab({
							url: '/pages/message/message'
						})
					} else if (noticType == '2') { //系统消息
						uni.redirectTo({
							url: '/pages/my/message'
						})
					}
				});
			},
			// 保存营业执照
			saveImg(){
				if(!this.image){
					uni.showToast({
						title:'请上传营业执照',
						icon:"none"
					})
					return;
				}
				this.tool.getData('User/changeInfo',{
					storeId:uni.getStorageSync('storeId'),
					image:this.image,
				}).then(res=>{
					if(res){
						this.service_flag = false;
						this.initStaff();
					}
				}).catch(err=>{
					console.log(err);
				})
			},
			// 上传图片
			chooseImg(){
				// #ifdef MP-WEIXIN
				uni.chooseMedia({
					count:1,
					mediaType:['image'],
					sourceType:['album', 'camera'],
					sizeType:['original', 'compressed'],
					success:(info)=>{
						if(info.tempFiles.length){
							this.tool.upImg(info.tempFiles[0].tempFilePath).then(res=>{
								if(res){
									this.image = res.image_path;
								}
							}).catch(err=>{
								console.log(err);
							})
						}
					},
					fail:(err)=>{
						console.log(err);
					}
				})
				// #endif
				// #ifdef APP-PLUS
				uni.chooseImage({
					count:1,
					sourceType:['album', 'camera'],
					sizeType:['original', 'compressed'],
					success:(info)=>{
						if(info.tempFiles.length){
							this.tool.upImg(info.tempFiles[0].path).then(res=>{
								if(res){
									this.image = res.image_path;
								}
							}).catch(err=>{
								console.log(err);
							})
						}
					},
					fail:(err)=>{
						console.log(err);
					}
				})
				// #endif
			},
			// 绑定手机号码
			getPhoneNumber(e){
				let url = this.identify == '1' ? 'Regist/bindTel' : 'User/bindTel';
				this.tool.getData(url,{
					memberId:uni.getStorageSync('userId')?uni.getStorageSync('userId'):'',
					encryptedData:e.detail.encryptedData,
					iv:e.detail.iv,
				}).then(res=>{
					if(res){
						uni.showToast({
							title:'绑定成功',
							icon:"success",
						})
						this.initData();
					}
				}).catch(err=>{
					console.log(err);
				})
			},
			initData(){
				this.tool.getUserInfo().then(res=>{
					console.log('用户信息',res);
					if(res){ 
						this.datas = res;
						
					}
				}).catch(err=>{
					console.log(err);
				})
				
			},
			// 注销账户
			logout(){
				uni.showModal({
					content:'注销账户后会清空用户的所有信息并退出登录，信息无法找回，确定继续注销吗？',
					success:(op)=>{
						if(op.confirm){
							this.tool.getData('Regist/delmember',{
								memberId:uni.getStorageSync('userId')?uni.getStorageSync('userId'):'',
							}).then(res=>{
								if(res){
									uni.showToast({
										title:"账户已注销",
										icon:'success'
									})
									uni.removeStorageSync('userId');
									uni.removeStorageSync('storeId');
									uni.switchTab({
										url:'/pages/home'
									})
								}
							}).catch(err=>{
								console.log(err);
							})
						}
					},
					fail:(err)=>{
						console.log(err);
					}
				})
			},
			// 保存分享码
			saveCode(){
				uni.showLoading({
					title:'加载中...'
				}) 
				uni.downloadFile({
					// #ifdef MP-WEIXIN
					url:this.domain + this.datas.erweima,
					// #endif
					// #ifdef APP-PLUS
					url:this.domain + this.datas.erweima2,
					// #endif
					success: (file) => {
						// tempFilePath
						if(file.statusCode == '200'){
							uni.saveImageToPhotosAlbum({
								filePath:file.tempFilePath,
								success: (res) => {
									uni.hideLoading();
									uni.showToast({
										title:'图片保存成功',
										icon:"success"
									})
								},
								fail:(err)=>{
									uni.hideLoading();
									uni.showToast({
										title:'图片保存失败',
										icon:"none"
									})
								}
							})
						}
					},
					fail:(err)=>{
						uni.hideLoading();
						uni.showToast({
							title:'图片下载失败',
							icon:"none"
						})
					}
				})
			},
			initStaff(){
				this.tool.getStaffInfo().then(res=>{
					// console.log(res);
					if(res){
						this.datas = res;
					}
				}).catch(err=>{
					console.log(err);
				})
			},
			// 选择省市区
			selAdd(e){
				// 省
				let idx_province = this.tool.getIdx(this.chengshiArr,'area_name',e.data[0].name);
				this.province_one = this.chengshiArr[idx_province];
				// 市
				let idx_city = this.tool.getIdx(this.province_one.list,"area_name",e.data[1].name);
				this.city_one = this.province_one.list[idx_city];
				// 区
				let idx_area = this.tool.getIdx(this.city_one.list,"area_name",e.data[2].name);
				this.area_one = this.city_one.list[idx_area];
				this.tool.getData('User/changeInfo',{
					storeId:uni.getStorageSync('storeId'),
					area_id:this.area_one.area_id,
					area:this.area_one.area_name,
				}).then(res=>{
					if(res){
						this.initStaff();
					}
				}).catch(err=>{
					console.log(err);
				})
			},
			//选择服务地区
			changeArea(e){
				// 省
				let idx_province = this.tool.getIdx(this.chengshiArr,'area_name',e.detail.value[0]);
				this.province_one = this.chengshiArr[idx_province];
				// 市
				let idx_city = this.tool.getIdx(this.province_one.list,"area_name",e.detail.value[1]);
				this.city_one = this.province_one.list[idx_city];
				// 区
				let idx_area = this.tool.getIdx(this.city_one.list,"area_name",e.detail.value[2]);
				this.area_one = this.city_one.list[idx_area];
				this.tool.getData('User/changeInfo',{
					storeId:uni.getStorageSync('storeId'),
					area_id:this.area_one.area_id,
					area:this.area_one.area_name,
				}).then(res=>{
					if(res){
						this.initStaff();
					}
				}).catch(err=>{
					console.log(err);
				})
			},
			// 城市数据
			getCity(){
				this.tool.getData('User/getarea',{}).then(res=>{
					if(res){
						this.chengshiArr = res;
					}
				}).catch(err=>{
					console.log(err);
				})
			},
			// 退出登录
			quit(){
				uni.showModal({
					content:'确定退出当前账号',
					success: (op) => {
						if(op.confirm){
							uni.removeStorageSync('userId');
							uni.removeStorageSync('storeId');
							uni.setStorageSync('identify','1');
							uni.switchTab({
								url:'/pages/home'
							})
						}
					}
				})
			},
			// 修改昵称显示状态
			changeStatus(){
				this.nicknameFlag = true;
			},
			// 设置昵称
			setNickName(e){
				if(e.detail.value){
					if(this.identity == '1'){
						this.tool.getData('User/changeInfo',{
							memberId:uni.getStorageSync('userId'),
							nickName:e.detail.value,
						}).then(res=>{
							if(res){
								this.initData();
							}
						}).catch(err=>{
							console.log(err);
						})
					}else{
						this.tool.getData('User/changeInfo',{
							storeId:uni.getStorageSync('storeId'),
							store_name:e.detail.value,
						}).then(res=>{
							if(res){
								this.initStaff();
							}
						}).catch(err=>{
							console.log(err);
						})
					}
				}else{
					uni.showToast({
						title:'昵称不能为空',
						icon:"none"
					})
				}
			},
			goPage(idx,status){
				if(idx == '1'){//服务商
					uni.navigateTo({
						url:'./service'
					})
				}else if(idx == '2'){//实名认证
					if(this.datas.is_ok == '0' || this.datas.is_ok == '3'){
						uni.navigateTo({
							url:'./unAuthen'
						})
					}
				}else if(idx == '3'){//修改支付密码
					uni.navigateTo({
						url:'./payPwd'
					})
				}else if(idx == '4'){//银行卡
					uni.navigateTo({
						url:'./bank'
					})
				}else if(idx == '5'){//地址管理
					uni.navigateTo({
						url:'/kind/addList'
					})
				}else if(idx == '6' || idx == '7'){
					uni.navigateTo({
						url:'./xieyi?status='+status,
					})
				}else if(idx == '8'){
					uni.navigateTo({
						url:'./bindTel',
					})
				}
			}
		}
	}
	// 跳转到应用权限设置界面
	function gotoAppPermissionSetting() {
		var device = getApp().globalData.platform;
		if (device == 'ios') {
			var UIApplication = plus.ios.import("UIApplication");
			var application2 = UIApplication.sharedApplication();
			var NSURL2 = plus.ios.import("NSURL");
			// var setting2 = NSURL2.URLWithString("prefs:root=LOCATION_SERVICES");		
			var setting2 = NSURL2.URLWithString("app-settings:");
			application2.openURL(setting2);
	
			plus.ios.deleteObject(setting2);
			plus.ios.deleteObject(NSURL2);
			plus.ios.deleteObject(application2);
		} else {
			// console.log(plus.device.vendor);
			var Intent = plus.android.importClass("android.content.Intent");
			var Settings = plus.android.importClass("android.provider.Settings");
			var Uri = plus.android.importClass("android.net.Uri");
			var mainActivity = plus.android.runtimeMainActivity();
			var intent = new Intent();
			intent.setAction(Settings.ACTION_APPLICATION_DETAILS_SETTINGS);
			var uri = Uri.fromParts("package", mainActivity.getPackageName(), null);
			intent.setData(uri);
			mainActivity.startActivity(intent);
		}
	}
</script>

<style lang="scss">
	page{
		background: white;
	}
	.systemSet{
		width: 100%;
		padding: 0 4%;
		box-sizing: border-box;
		.service{
			width:90%;
			background:white;
			border-radius: 4px;
			overflow: hidden;
			.service_btns{
				width:100%;
				.btn{
					width:50%;
					padding:10px 0;
					text-align: center;
					font-size: 13px;
					color: #666666;
				}
				.sure{
					background: #1664FF;
					color:white;
				}
			}
			.content{
				width:100%;
				padding:12px;
				box-sizing: border-box;
				.info{
					width:100%;
					margin-bottom: 15px;
					.info_title{
						width: 100%;
						margin-bottom: 8px;
						.code{
							font-size:14px;
							color:#1664FF;
							display:inline-block;
							margin-left:12px;
						}
					}
					.upImg{
						width: 120px;
						margin:0 auto;
					}
					.serviceOne{
						display: inline-block;
						width:calc((100% - 24px) / 3);
						margin-right: 12px;
						text-align: center;
						margin-bottom: 12px;
						padding:6px 0;
						border-radius: 50px;
						border:1px solid #909399;
						box-sizing: border-box;
						color:#666666;
						font-size:13px;
					}
					.active{
						background: #1664FF;
						color:white;
						border-color: #1664FF;
					}
					.serviceOne:nth-child(3n + 4){
						margin-right: 0;
					}
				}
			}
			.title{
				width:100%;
				padding:12px 0;
				text-align: center;
				border-bottom: 1px solid rgba(0,0,0,0.1);
			}
		}
		.btns{
			width: 100%;
			position: fixed;
			bottom: 0;
			left: 0;
			color: white;
			background: #666666;
			padding: 14px 0;
			text-align: center;
		}
		.logout{
			width: 100%;
			text-align: center;
			font-size: 12px;
			color:#f56c6c;
			margin:20px 0;
		}
		.line{
			padding: 14px 0;
			width: 100%;
			border-bottom: 1px solid #eeeeee;
			.lineTit{
				color: #666666;
				width: 40%;
			}
			.lineVal{
				flex: 1;
				margin-left: 12px; 
				.showVal{
					width: max-content;
					flex: 1;
					text-align: right;
					input{
						text-align:right;
					}
				}
				.blue{
					color: #1664FF;
				}
				.rightIcon{
					width: 16px;
					margin-left: 6px;
				}
				.tx{
					width: 32px;
					height: 32px;
					border-radius: 50%;
					overflow: hidden;
					image{
						height: 100%;
					}
				}
			}
		}
		.line:last-child{
			border: none;
		}
	}
</style>
